<!--
 * @Author: 369886629@qq.com 369886629@qq.com
 * @Date: 2025-03-05 13:43:55
 * @LastEditors: 369886629@qq.com 369886629@qq.com
 * @LastEditTime: 2025-03-11 16:15:45
 * @FilePath: \sqeybusiness-h5\src\views\layouts\index.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
  <div class="app-container">
    <div class="layout-content">
      <keep-alive>
        <router-view v-if="$route.meta.keepAlive == true"></router-view>
      </keep-alive>
      <!--不须要缓存组件-->
      <router-view v-if="$route.meta.keepAlive == false"></router-view>
    </div>
    <div class="layout-footer">
      <TabBar :data="tabbars" @change="handleChange" />
    </div>
  </div>
</template>

<script>
import TabBar from '@/components/TabBar';
export default {
  name: 'AppLayout',
  data() {
    return {
      tabbars: [
        {
          title: '询盘商机',
          to: {
            name: 'sjinfolist'
          },
          icon: 'coupon-o'
        },
        {
          title: '我的商机',
          to: {
            name: 'myorder'
          },
          icon: 'vip-card-o'
        },
        {
          title: '会员中心',
          to: {
            name: 'hycenter'
          },
          icon: 'user-o'
        }

        /* {
          title: '关于我',
          to: {
            name: 'About'
          },
          icon: 'user-o'
        },
        {
          title: '公司信息',
          to: {
            name: 'Company'
          },
          icon: 'user-o'
        }*/
      ]
    }
  },
  components: {
    TabBar
  },
  methods: {
    handleChange(v) {
      console.log('tab value:', v)
    }
  }
}
</script>
